<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Index Page</title>

<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />

<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<link rel="stylesheet" type="text/css" href="css/ie.css" />
<![endif]-->

</head>

<body class="index">
<div class="wrapper">
	<!-- header -->
	<header class="header">
    	<div class="logo"><a href="#"><img src="images/logo.png" alt="Your Company" /></a></div>
        <div class="top-head">Mr Support: <strong>1020 xxx 9000</strong> - <strong>support@findhouse.com</strong></div>
        <nav class="menu">
        	<ul>
            	<li class="menu-home"><a href="#">Trang chủ</a></li>
                <li class="menu-about"><a href="#">Giới thiệu</a></li>
                <li class="menu-service"><a href="#">Dịch vụ</a></li>
                <li class="menu-contact"><a href="#">Liên hệ</a></li>
            </ul>
        </nav>
        <div class="clear"></div>
    </header>
    <!-- end header -->
    
    <!--banner-->
    <section class="banner">
    	<div class="slider-wrapper theme-default">
            <div id="slider" class="nivoSlider">
                <a href="#"><img src="images/banner/banner.jpg" data-thumb="images/banner/thumb/thumb1.jpg" alt="" /></a>
                <a href="#"><img src="images/banner/banner2.jpg" data-thumb="images/banner/thumb/thumb2.jpg" alt="" /></a>
                <a href="#"><img src="images/banner/banner3.jpg" data-thumb="images/banner/thumb/thumb1.jpg" alt="" /></a>            </div>
        </div>
  </section>
    
    <!-- content -->
    <section class="main">
    	<nav class="main-nav">
            <ul>
                <li class="active"><a href="#">Apartments for rent</a></li>
                <li class="line-nav"></li>
                <li><a href="#">Houses for rent</a></li>
                <li class="line-nav"></li>
                <li><a href="#">Villas for rent</a></li>
                <li class="line-nav"></li>
                <li><a href="#">Offices for rent</a></li>
                <li class="line-nav"></li>
                <li><a href="#">Properties for rent</a></li>
            </ul>
        </nav>
    	<!-- sidebar -->
    	<aside class="sidebar">
        	<span class="side-op"></span>
            <div class="block-search">
                <h2 class="title">Find Your <strong>Property</strong></h2>
                <form class="search-fm">
                	<label>Keyword:</label>
                    <input type="text" class="ipt-box" />
                    <label>Search:</label>
                    <div class="wrap-box">
                    	<span class="check-box check-ipt"><input type="checkbox"/>For rent</span>
                        <span class="check-box"><input type="checkbox"/>For sale</span>
                    </div>
                    <label>Type:</label>
                    <div class="wrap-box">
                    	<span class="check-box"><input type="checkbox"/>Apartment for rent</span><br/>
                        <span class="check-box"><input type="checkbox"/>Villa for rent</span><br/>
                        <span class="check-box"><input type="checkbox"/>Office for rent</span><br/>
                        <span class="check-box"><input type="checkbox"/>House for rent</span><br/>
                        <span class="check-box"><input type="checkbox"/>Serviced Apartment for rent</span>
                    </div>
                    <label>Location</label>
                    <div class="z-index z-index-10">
                        <select class="sel-box select-jquery">
                            <option>1</option>
                            <option>2</option>
                            <option>1</option>
                            <option>2</option>
                            <option>1</option>
                            <option>2</option>
                        </select>
                    </div>
                    <label>Bedroom</label>
                    <div class="z-index z-index-9">
                        <select class="sel-box select-jquery">
                            <option>1</option>
                            <option>2</option>
                        </select>
                    </div>
                    <label>Keyword</label>
                    <div class="z-index z-index-8">
                        <select class="sel-box select-jquery">
                            <option>1</option>
                            <option>2</option>
                        </select>
                    </div>
                    <p class="action-s"><input type="submit" value="Search" class="btn-submit" /></p>
                </form>
            </div>
            
            <div class="block-sideimg">
            	<a href="#"><img src="images/side-ban.gif" alt=""/></a>
            </div>
            
            <div class="block">
            	<h2 class="pro-title"><span class="head-tit"><span>Apartment for rent</span></span></h2>
                <ul class="list-cate">
                	<li><a href="#">Apartment for rent in District 1</a></li>
                    <li><a href="#">Apartment for rent in District 2</a></li>
                    <li><a href="#">Apartment for rent in District 3</a></li>
                    <li><a href="#">Apartment for rent in District 4</a></li>
                    <li><a href="#">Apartment for rent in District 5</a></li>
                    <li><a href="#">Apartment for rent in District 7</a></li>
                    <li><a href="#">Apartment for rent in District 10</a></li>
                    <li><a href="#">Apartment for rent in District Binh Thanh District</a></li>
                    <li><a href="#">Apartment for rent in District Phu Nhuan District</a></li>
                    <li class="last"><a href="#">Apartment for rent in District Tan Binh District</a></li>
                </ul>
            </div>
            
            <div class="block">
            	<h2 class="pro-title"><span class="head-tit"><span>Villa for rent</span></span></h2>
                <ul class="list-cate">
                	<li><a href="#">Villa for rent in District 1</a></li>
                    <li><a href="#">Villa for rent in District 2</a></li>
                    <li><a href="#">Villa for rent in District 3</a></li>
                    <li><a href="#">Villa for rent in District 4</a></li>
                    <li><a href="#">Villa for rent in District 5</a></li>
                    <li><a href="#">Villa for rent in District 7</a></li>
                    <li><a href="#">Villa for rent in District 10</a></li>
                    <li><a href="#">Villa for rent in District Binh Thanh District</a></li>
                    <li><a href="#">Villa for rent in District Phu Nhuan District</a></li>
                    <li class="last"><a href="#">Villa for rent in District Tan Binh District</a></li>
                </ul>
            </div>
            
            <div class="block">
            	<h2 class="pro-title"><span class="head-tit"><span>Support</span></span></h2>
                <div class="list-cate">
                    <p class="hotline">Hotline: 0123 xxx xxx</p>
                    <ul class="media">
                        <li><a href="#" class="yahoo">Yahoo</a></li>
                        <li><a href="#" class="skype">Skype</a></li>
                        <li><a href="#" class="facebook off">Facebook</a></li>
                    </ul>
                </div>
            </div>
        </aside>
        <!-- sidebar -->
        
        <!-- main content -->
        <section class="main-content">
        	<section class="main-top">
            	
                <div class="block-about">
                    <h2 class="title"><strong>WELLCOME</strong> TO OUR WEBSITE</h2>
                    <div class="block-content">
                        <h4 class="about-image"><img src="images/about.jpg" at="About ..."/></h4>
                        <div class="about-cont">
                            <h3 class="about-title"><a href="#">Lorem ipsum dolor sit amet consectetur</a></h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p>
                            <h3 class="about-title"><a href="#">Dolor sit amet consectetur</a></h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
            </section>
            <div class="block-pro">
            	<h2 class="pro-title"><span class="head-tit"><span>Hot Property</span></span><a href="list.html" class="tit-link"></a></h2>
                <ul class="item-grid">
                	<li class="item">
                    	<h4 class="item-image"><a href="detail.html"><img src="images/item/item1.jpg" alt=""/></a></h4>
                        <h3 class="item-name"><a href="detail.html">One bedroom unfurnished apartment in Saigon Airpor</a></h3>
                        <p class="price">Price: <span>$24,000</span></p>
                    </li>
                    <li class="item">
                    	<h4 class="item-image"><a href="detail.html"><img src="images/item/item2.jpg" alt=""/></a></h4>
                        <h3 class="item-name"><a href="detail.html">Unfurnished apartment in Saigon Airpor</a></h3>
                        <p class="price">Price: <span>$24,000</span></p>
                    </li>
                    <li class="item">
                    	<h4 class="item-image"><a href="detail.html"><img src="images/item/item3.jpg" alt=""/></a></h4>
                        <h3 class="item-name"><a href="detail.html">Bedroom unfurnished apartment</a></h3>
                        <p class="price">Price: <span>$24,000</span></p>
                    </li>
                    <li class="item">
                    	<h4 class="item-image"><a href="detail.html"><img src="images/item/item1.jpg" alt=""/></a></h4>
                        <h3 class="item-name"><a href="detail.html">Bedroom unfurnished apartment</a></h3>
                        <p class="price">Price: <span>$24,000</span></p>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
            
            <div class="block-pro">
            	<h2 class="pro-title"><span class="head-tit"><span>Apartments for rent</span></span><a href="list.html" class="tit-link"></a></h2>
                <ul class="item-grid">
                	<li class="item">
                    	<h4 class="item-image"><a href="detail.html"><img src="images/item/item1.jpg" alt=""/></a></h4>
                        <h3 class="item-name"><a href="detail.html">One bedroom unfurnished apartment in Saigon Airpor</a></h3>
                        <p class="price">Price: <span>$24,000</span></p>
                    </li>
                    <li class="item">
                    	<h4 class="item-image"><a href="detail.html"><img src="images/item/item2.jpg" alt=""/></a></h4>
                        <h3 class="item-name"><a href="detail.html">Unfurnished apartment in Saigon Airpor</a></h3>
                        <p class="price">Price: <span>$24,000</span></p>
                    </li>
                    <li class="item">
                    	<h4 class="item-image"><a href="detail.html"><img src="images/item/item3.jpg" alt=""/></a></h4>
                        <h3 class="item-name"><a href="detail.html">Bedroom unfurnished apartment</a></h3>
                        <p class="price">Price: <span>$24,000</span></p>
                    </li>
                    <li class="item">
                    	<h4 class="item-image"><a href="detail.html"><img src="images/item/item1.jpg" alt=""/></a></h4>
                        <h3 class="item-name"><a href="detail.html">Bedroom unfurnished apartment</a></h3>
                        <p class="price">Price: <span>$24,000</span></p>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
            
            <div class="block-pro">
            	<h2 class="pro-title"><span class="head-tit"><span>Villas for rent</span></span><a href="list.html" class="tit-link"></a></h2>
                <ul class="item-grid">
                	<li class="item">
                    	<h4 class="item-image"><a href="detail.html"><img src="images/item/item1.jpg" alt=""/></a></h4>
                        <h3 class="item-name"><a href="detail.html">One bedroom unfurnished apartment in Saigon Airpor</a></h3>
                        <p class="price">Price: <span>$24,000</span></p>
                    </li>
                    <li class="item">
                    	<h4 class="item-image"><a href="detail.html"><img src="images/item/item2.jpg" alt=""/></a></h4>
                        <h3 class="item-name"><a href="detail.html">Unfurnished apartment in Saigon Airpor</a></h3>
                        <p class="price">Price: <span>$24,000</span></p>
                    </li>
                    <li class="item">
                    	<h4 class="item-image"><a href="detail.html"><img src="images/item/item3.jpg" alt=""/></a></h4>
                        <h3 class="item-name"><a href="detail.html">Bedroom unfurnished apartment</a></h3>
                        <p class="price">Price: <span>$24,000</span></p>
                    </li>
                    <li class="item">
                    	<h4 class="item-image"><a href="detail.html"><img src="images/item/item1.jpg" alt=""/></a></h4>
                        <h3 class="item-name"><a href="detail.html">Bedroom unfurnished apartment</a></h3>
                        <p class="price">Price: <span>$24,000</span></p>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
        </section>
        <!-- end main content -->
        <div class="clear"></div>
    </section>
    <!-- content -->
    
    <!-- footer -->
    <footer class="footer">
    	<p class="foot-left">
        	<a href="#">Apartment for rent in HCMC</a> are members of <a href="#">Apartment for rent in Saigon</a>
        </p>
        <nav class="foot-menu">
        	<ul>
            	<li><a href="#">Trang chủ</a></li>
                <li><a href="#">Giới thiệu</a></li>
                <li><a href="#">Dịch vụ</a></li>
                <li><a href="#">Liên hệ</a></li>
            </ul>
        </nav>
    </footer>
    <!-- end footer -->
</div>

<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>

<!--slider-->
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
	$('#slider').nivoSlider();
});
</script>
<script type="text/javascript" src="js/select-script.js"></script>


</body>
</html>
